@import "variables";

.seed-train-box {
  padding-top: pxTorem(20);
  .seed-card {
    padding: pxTorem(30px);
    background-color: #fff;
  .seed-card-title {
    color:color($h5,c2);
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .ticket-card-address {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .seed-item-block {
    width: auto;
    overflow: hidden;
    span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  seed-img {
     width: pxTorem(200px);
     height: pxTorem(200px);
     img{
       width: 100%;
     }
   }
    .seed-ticket-card {
      padding-left: pxTorem(30);
      .ticket-card-title {
        color: color($h5, c2);
        font-size: 1.4rem;
        display: flex;
        align-items: center;
      }
      .ticket-card-name {
        flex-wrap:  wrap;
      }
      .ticket-cate-name {
        margin-left: 1rem;
        display: inline-block;
        color:color($h5,c15);
        font-size:1rem;
        height: pxTorem(30px);
        line-height: pxTorem(30px);
        border-radius: 2px;
        border: 1px solid color($h5,c15);
      }
      .ticket-time-status {
        display: flex;
      }
      .ticket-card-time {
          flex-wrap:  wrap;
          display: inline-block;
        }
      .ticket-the-time {
        color: color($h5, c4);
        line-height: 1.8rem;
        display: inline-block;
      }
     .ticket-card-price {
       .goods-price-symbol {
         font-size: 1.8rem;
         color: color($h5, c15);
         font-weight: bold;
       }
       .goods-price-qi {
         padding-left: pxTorem(10);
         font-size: 1.1rem;
         color: color($h5, c15);
         font-weight: bold;
       }
     }
    }
    .ticket-card-status {
      display: flex;
      justify-content: center;
      align-items: center;
      height: pxTorem(28);
      width:pxTorem(100);
      border-radius: pxTorem(2);
      transform:skewX(165deg);
      flex-shrink: 0;
      .ticket-warm-status {
        display: inline-block;
        background-color: color($h5, c16);
        @include font-size(F6);
        color: color($h5, c10);
      }
      .ticket-out-status {
        background-color: color($h5, c4);
        @include font-size(F6);
        color: color($h5, c10);
      }
      .ticket-sell-status {
        display: inline-block;
        background-color: color($h5, c1);
        @include font-size(F6);
        color: color($h5, c10);
      }
    }
  }
  .seed-default-graph {
    top: 0;
    bottom: 0;
    background-color: #fff;
  }


}
